.step-item {
  display: flex;
  justify-content: space-between;
  .step-item-extend {
    color: #999;
    font-size: 10px;
  }
  .step-item-icon {
    position: relative;
    margin-left: 8px;
    width: 15px;
    &::after {
      position: absolute;
      top: 0;
      left: 1.5px;
      content: "";
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: linear-gradient(to bottom, #a0aee3 0%, #516acc 100%);
    }
    &::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 6.5px;
      width: 1.5px;
      background: linear-gradient(to bottom, #b9c3e6 0%, #7a89c5 100%);
      border-radius: 15px;
    }
  }
  .step-item-inner {
    flex: 1;
    padding-left: 15px;
    padding-bottom: 30px;
    .step-item-inner-title {
      margin-bottom: 2px;
      color: var(--deep-gray);
      font-size: 14px;
      transform: translateY(-3px);
      font-weight: 600;
    }
    .step-item-inner-subtitle {
        font-size: 13px;
        color: #999;
        text-align: justify;
        text-align-last: left;
    }
  }
  &:last-child{
    .step-item-inner{
        padding-bottom: 3px;
    }
  }
}
